/* CSS Document */

body#category div.content {
	height: 500px;
	overflow: hidden;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -635px;
}
body#category h2 {
	color: #FFF;
	font-size: 30px;
	height: 45px;
	overflow: hidden;
	text-align: center;
}
body#category canvas {
	float: left;
}

.type {
	width:900px;
	height:500px;
	margin: 0 auto;
}
.type li {
	float:left;
}
.type li div.item {
	width:300px;
	height:455px;
	overflow:hidden;
}
.man .item {
	background:url(../images/img-category/men.jpg) no-repeat 0 0;
}
.man .item:hover {
	background:url(../images/img-category/men.jpg) no-repeat -300px 0;
}
.woman .item {
	background:url(../images/img-category/women.jpg) no-repeat 0 0;
}
.woman .item:hover {
	background:url(../images/img-category/women.jpg) no-repeat -300px 0;
}
.kid .item {
	background:url(../images/img-category/kid.jpg) no-repeat 0 0;
}
.kid .item:hover {
	background:url(../images/img-category/kid.jpg) no-repeat -300px 0;
}
.type-nav {
	display:block;
	background:url(../images/bg/bg_transparent_b.png) repeat -335px 0;
	width:100%;
	height:250px;
	position:relative;
	top:455px;
}
.type-nav ul {
	float:right;
	margin:8px 10px;
	width:190px;
}
.type-nav ul li {
	float:left;
	margin:5px;
	width:80px;
}
.type-nav ul li a {
	color:#F00;
	font-size:18px;
}